/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  darkMode: 'class',
  corePlugins: {
    preflight: true,
  },
  theme: {
    extend: {
      colors: {
        primary: '#2A3FF0', // 主题色 蓝色
        secondary: '#6adab3ff', // 次要色 深灰色
        prohibit: '#889096', // 禁用色 浅灰色
        gray: '#6F6F6F', // 灰色
        dark: '#171717ff', // 字体色 深黑色
        textdark: '#0C1220', // 字体色 深黑色
        danger: '#FF4D4D', // 危险色 红色
        lightgray: '#f8f8f8ff',
        effect: 'rgba(109, 141, 214, 0.10)', // 外部阴影颜色
        bgColorDark: '#151d38ff',
        secondaryDark: '#525252ff', // 次要色 深灰色
        grey: '#a3a3a3ff', // 次要色 深灰色
        bgColorBlue: '#4455E4', // 背景色蓝色
        bgColorDeepBlue: '#20265B', // 背景色深蓝色
        bgColorDarkBlue: '#151A43', // 背景色暗蓝色
        bgColorLight: '#e5e5e5ff',
        syGreyBg: '#D8D8D8',
        bgColorGrey: '#EBECF8', // 背景色灰色
        lineColorGrey: '#C7C7C7'
      },
      fontSize: {
        '2xs': ['10px', '15px'],
        '3xs': ['8px', '13px'],
      },
      boxShadow: {
        default: '40px 40px 120px 0px rgba(46, 47, 58, 0.04)',
      },
      breakInside: ['responsive'],
    },
  },
  plugins: [],
}
